<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        SVG定义为可缩放矢量图形 svg标签是SVG图像的容器
     -->
    <!-- <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
        <circle cx="100" cy="50" r="50" style="" stroke-width="2" fill="red"/>
    </svg> -->

    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
        <polygon points="100,10 40,180 190,60 10,60 160,180" 
        style="fill: lime;stroke: purple;stroke-width: 6;fill-rule: evenodd;"/>
    </svg>
    <!-- 学习详见SVG教程 -->
</body>
</html>